<!--------header begin-------->
<link rel="stylesheet" href="/static/swiper/swiper.min.css">
<style>
    .container>.navbar-collapse{
        margin-right: -30px !important;
    }
    .container-zindex .swiper-pagination-bullet{
        display: inline-block;
        width: 12px;
        height: 12px;
        background-color: #fff;
    }
    .navbar-nav a{
        padding:10px 10px !important;
    }
</style>
<div class=" container-fluid header-main header-section">
    <div class="header-back"></div>
    <nav class="navbar navbar-default  navbar-brands  navbar-abouts">
        <div class="container">
            <div class="navbar-header">
               <!-- <img src="/themes/img/logo.jpeg" alt="" width="80px" style="float: left !important;">-->
                <a href="#" style="color: #fff ;font-size: 40px;">上海远磐国际货运代理有限公司</a>
                <p style="color: #fff; font-size: 18px">SHANGHAI YUANPAN INTERNATIONAL FREIGHT AGENCY CO.,LTD</p>
            </div>
            <div class="collapse navbar-collapse navbar-right" id="navbar">
                <ul class="nav navbar-nav navbar-right">
                    <li class="">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="{:Url('News/index')}" title="Home">首页</a>
                    </li>
                    <li class="">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="{:Url('News/about')}"  title="About us">关于我们</a>
                    </li>
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="{:Url('News/Product')}" title="Product service">产品服务</a>
                    </li>
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="{:Url('News/cases')}" title="Classic case">行业资讯</a>
                    </li>
                    <!--<li class="dropdown">-->
                    <!--<a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="Service.html" title="Micro business service" >微商服务</a>-->
                    <!--</li>-->
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="{:Url('News/contact')}" title="Contact us">联系我们</a>
                    </li>
                    <li class="dropdown">
                        <a aria-expanded="false" role="button" aria-haspopup="true"  class="dropdown-toggle" href="{:Url('News/adjunct')}" title="Contact us">附件下载</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container container-zindex container-index">
       <!-- <div id="myCarousel" class="carousel slide">
            &lt;!&ndash; 轮播（Carousel）指标 &ndash;&gt;
            <ol class="carousel-indicators">
                {volist name="$banner" id="vo"}
                <li data-target="#myCarousel" data-slide-to="{$key}" class="{eq name="$key" value="0"}active{/eq}"></li>

                {/volist}
            </ol>
            &lt;!&ndash; 轮播（Carousel）项目 &ndash;&gt;
            <div class="carousel-inner">
                {volist name="$banner" id="vo"}
                <div class="item {eq name="$key" value="0"}active{/eq}" >
                    <img src="{$vo.path}" alt="slide" style="width: 1140px;height: 475px;">
                </div>
                {/volist}

            </div>
            &lt;!&ndash; 轮播（Carousel）导航 &ndash;&gt;
            <a class="carousel-control left" href="#myCarousel"
               data-slide="prev">&lsaquo;
            </a>
            <a class="carousel-control right" href="#myCarousel"
               data-slide="next">&rsaquo;
            </a>
        </div>-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {volist name="$banner" id="vo"}
                <div class="swiper-slide">
                    <img  data-src="{$vo.path}"  class="swiper-lazy"  style="width: 1140px;height: 475px;">
                    <div class="swiper-lazy-preloader"></div>
                </div>
                {/volist}

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>


        </div>
        <p> 集团口号：树立远大理想，坚定磐石信念。</p>
        <p> 集团理念：诚信是海！团结是船！专业是帆！</p>
        <p> 集团愿景：希望帮助每一位客户找到便捷有效的运输方式，并提供给客户最优惠的价格和最优质的服务，能够达成双方的合作共赢。</p>
    </div>
    <script src="/static/swiper/swiper-3.3.1.jquery.min.js"></script>
    <script>
        $(function () {
            var mySwiper = new Swiper ('.swiper-container', {
                direction: 'horizontal',
                speed:1000,
                autoplay:3000,
                autoplayDisableOnInteraction:true,
                // 如果需要分页器
                pagination: '.swiper-pagination',
                paginationClickable:true,
                // 如果需要前进后退按钮
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                loop: true,
                lazyLoading:true,
                lazyLoadingOnTransitionStart:true,


            })
        })


    </script>
</div>
<!--------header End-------->
